<template>
  <div class="userinfo-manage-wrap">
    <el-row class="overclick-wrap" :gutter="40" type="flex" >
      <el-col :span="4">
        <div class="item-wrap" @click="currentTab=1" :class="currentTab==1 ? 'active' : ''">
          <div class="item-content">
            <p class="item-title">层级视图</p>
          </div>
        </div>
      </el-col>
      <el-col :span="4">
        <div class="item-wrap" @click="currentTab=2" :class="currentTab==2 ? 'active' : ''">
          <div class="item-content">
            <p class="item-title">清单视图</p>
          </div>
        </div>
      </el-col>
    </el-row>
    <!-- 层级视图 -->
    <table-list key="1" v-if="currentTab==1" :showType="0"></table-list>
    <!-- 清单视图 -->
    <table-list key="2" v-else :showType="1"></table-list>
  </div>
</template>

<script>
import TableList from './PageModel/List'

export default {
  name:'FireFacstruct',
  components: {
    TableList
  },
  data() {
    return {
      currentTab: 1
    }
  },
  created() {},
  methods: {}
}
</script>
<style lang="scss">

</style>
